<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>Dashboard Template for Bootstrap</title>
  <!-- Bootstrap core CSS -->
  <link th:href="@{/asserts/css/bootstrap.min.css}" rel="stylesheet">

  <!-- Custom styles for this template -->
  <link th:href="@{/asserts/css/dashboard.css}" rel="stylesheet">
  <style type="text/css">
    /* Chart.js */

    @-webkit-keyframes chartjs-render-animation {
      from {
        opacity: 0.99
      }
      to {
        opacity: 1
      }
    }

    @keyframes chartjs-render-animation {
      from {
        opacity: 0.99
      }
      to {
        opacity: 1
      }
    }

    .chartjs-render-monitor {
      -webkit-animation: chartjs-render-animation 0.001s;
      animation: chartjs-render-animation 0.001s;
    }
  </style>
</head>
<body>
<form th:action="@{/edit}" method="post">
  <input type="hidden" name="id" th:value="${empByID.getId()}">

  <div class="form-group">
    <label>LastName</label>
    <input type="text" th:value="${empByID.getLastName()}"  name="lastName" class="form-control" placeholder="name:zsr">
  </div>
  <div class="form-group">
    <label>Email</label>
    <input type="email" th:value="${empByID.getEmail()}" name="email" class="form-control" placeholder="email:xxxxx@qq.com">
  </div>
  <div class="form-group">
    <label>Gender</label><br/>
    <div class="form-check form-check-inline">
      <input class="form-check-input" th:checked="${empByID.getGender()==1}" type="radio" name="gender" value="1">
      <label class="form-check-label">男</label>
    </div>
    <div class="form-check form-check-inline">
      <input class="form-check-input"  th:checked="${empByID.getGender()==0}" type="radio" name="gender" value="0">
      <label class="form-check-label">女</label>
    </div>
  </div>
  <div class="form-group">
    <label>department</label>
    <!--注意这里的name是department.id，因为传入的参数为id-->
    <select class="form-control" name="eid">
      <option  th:each="department :${departments}" th:selected="${department.getId()==empByID.getDepartment().getId()}"  th:text="${department.getDepartmentName()} " th:value="${department.getId()}"></option>
    </select>
  </div>
  <div class="form-group">
    <label>Birth</label>
    <!--springboot默认的日期格式为yy/MM/dd-->
    <input type="text" th:value="${empByID.getBirth()}" name="birth" class="form-control" placeholder="birth:yyyy/MM/dd">
  </div>
  <button type="submit" class="btn btn-primary" >修改</button>
</form>

</body>
</html>